:host {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
}

.mat-mdc-nav-list .mat-mdc-list-item {
  @apply text-white rounded-lg duration-300;

  &.active {
    @apply bg-slate-50 text-slate-500;
  }

  &:hover {
    .mat-icon {
      visibility: visible;
    }
  }
}